@baseColor: #25BC89;
// option-first
.option-first {
  background-color: #F4F4F4;
  .container .row {
    h2 {
      font-size: 1.6rem;
      line-height: 2;
      margin-top: 9rem;
      margin-bottom: 3.8rem;
      >span {
        color: @baseColor;
        padding-bottom: .7rem;
        border-bottom: 2px solid @baseColor;
      }
      & + p {
        line-height: 1.6;
        margin-bottom: 3rem;
        >span {
          color: @baseColor;
        }
      }
    }
    .option-first-img {
      padding-top: 4rem;
      padding-right: 3rem;
      > picture {
        float: right;
      }
    }
  }
  @media screen and (max-width: 640px) {
    .container .row {
      h2 {
        margin-top: 2rem;
        margin-bottom: 2rem;
      }
    }
  }
}

// option-second 一秒找活
.option-second {
  text-align: center;
  .container-fluid {
    padding: 0;
    h2 {
      font-size: 1.6rem;
      margin-top: 5.7rem;
      margin-bottom: 1.6rem;
    }
    .pcImg {
      width: 100%;
      height: 917px;
      display: block;
      background-position: center center;
      /*设置背景图片的大小*/
      background-size: cover;
    }
    .mobileImg{
      width: 100%;
      display: block;
    }
    .mobileImg > img{
      width: 100%;
      display: block;
    }
    .carousel-indicators li {
      width: 1.8rem;
      height: .4rem;
      margin: 0;
      background-color: @baseColor;
      border-radius: .2rem;
      opacity: .5;
      &.active {
        width: 1.8rem;
        height: .4rem;
        opacity: 1;
      }
    }
    .carousel-control.left,.carousel-control.right {
      background-image: none;
      color: @baseColor;
    }
  }
}

// option-third 就近找活
.option-third {
  width: 100%;
  overflow: hidden;
  background: url("../../images/about_us/option3_bg1920.jpg") no-repeat center;
  color: #fff;
  .container .row {
    h2 {
      margin-top: 11rem;
      font-size: 1.8rem;
      position: relative;
      right: 100%;
    }
    h3 {
      padding-bottom: .7rem;
      font-size: 1.5rem;
      position: relative;
      right: 100%;
      & + span {
        width: 4rem;
        height: .3rem;
        display: inline-block;
        background-color: @baseColor;
        margin-bottom: 3.6rem;
      }
    }
    p {
      line-height: 1.7;
      padding-bottom: 7rem;
      position: relative;
      right: 100%;
    }
    .option-third-img {
      padding: 7.2rem 0;
      float: right;
      //overflow: hidden;
      picture {
        position: relative;
        left: 100%;
      }
    }
  }
  @media screen and (max-width: 640px) {
    .container .row {
      h2 {
        margin-top: 3rem;
      }
    }
  }
}

// option-fourth 相互点评创信用
.option-fourth {
  width: 100%;
  //overflow-x: hidden;
  //overflow-y: visible;
  position: relative;
  .option-fourth-title {
    width: 15rem;
    height: 15rem;
    background-image: url("../../images/about_us/about_us_circular.png");
    background-size: 15rem 15rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    > h2 {
      display: none;
    }
  }
  .container .row {
    .option-fourth-img {
      padding-top: 14rem;
      > picture {
        position: relative;
        right: 100%;
      }
    }
    .option-fourth-text {
      padding-top: 18rem;
      padding-bottom: 4rem;
      .option-fourth-line {
        width: 4rem;
        height: .3rem;
        display: inline-block;
        background-color: @baseColor;
        margin-bottom: 3.6rem;
      }
      .option-fourth-text-p {
        line-height: 1.6;
        //position: relative;
        //left: 100%;
      }
    }
  }
  @media screen and (max-width: 640px) {
    .container .row {
      .option-fourth-text {
        padding-top: 8rem;
      }
    }
  }
}